import React from 'react';
import {
  ChakraProvider,
  extendTheme,
} from '@chakra-ui/react';
import Header from './components/header/index.js';
import Content from './components/main/index.js';
import customize from './customize/index.js';

const theme = extendTheme({
  colors: {
    customize: customize.customizeColors,
  }
});

// console.log(theme);

function App() {
  return (
    <ChakraProvider theme={theme}>
      <Header></Header>
      <Content></Content>
    </ChakraProvider>
  );
}

export default App;
